                    <li class="comment">
                        <div class="panel panel-default">
                            <div class="panel-body">
                                <img src="{$comment.Author.Avatar}" alt="avatar" class="imageborder alignleft" data-src="{$comment.Author.Avatar}" style="width: 100px; height: 100px;">
                                {$comment.Content}
                            </div>
                            <div class="panel-footer">
                                <div class="row">
                                    <div class="col-lg-10 col-md-9 col-sm-8">
                                        <i class="fa fa-user"> </i> <a href="{$comment.Author.HomePage}" target="_blank" >{$comment.Author.StaticName}</a> <i class="fa fa-clock-o"></i> {$comment.Time()}
                                    </div>
                                    <div class="col-lg-2 col-md-3 col-sm-4">
                                    <a href="#txaArticle" class="pull-right" onclick="RevertComment('{$comment.ID}')">回复该评论</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {foreach $comment.Comments as $comment}
                        <ul class="list-unstyled sub-comments">
                        {template:comment}
                        </ul>
                        {/foreach}
                    </li>